<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="common.css" rel="stylesheet" />
<style type="text/css">
.content{background-color:#2d241f;}
.center{width:1004px;position:relative;left:-502px;margin-left:50%;background-color:#201612;padding-left:20px;padding-top:15px;}
.top{height:97px;background:url(img/%E6%9C%AA%E6%A0%87%E9%A2%98-1.png) no-repeat;padding-left:253px;padding-top:47px;}
.index li{float:left;}
.index a{display:block;width:98px;height:28px;color:#7e725e;border-right:1px solid #5f5754;text-align:center;line-height:33px;font-size:15px;}
.index a:hover{cursor:pointer;color:#fff;}
.banner{margin-bottom:32px;}
.last{padding-top:28px;padding-bottom:20px;border-top:1px solid #7e725e;}
.last li{float:left;}
.last a{display:block;text-align:center;border-left:1px solid #7e725e;color:#7e725e;width:68px;height:13px;}
#last a{width:368px;position:absolute;left:678px;text-align:left;border:none;}
.total{padding:28px;}
.index1{background-color:#271d19;width:251px;float:left;margin-right:18px;}
.index1 li{width:154px;background:url(img/2.jpg) left center no-repeat;position:relative;margin-left:50%;left:-77px;}
.index1 a{color:#7e725e;border-bottom:1px #49413e solid;width:154px;height:37px;display:block;line-height:37px;font-size:13px;text-align:center;}
#first {margin-bottom:34px;width:224px;background:none;font-weight:bold;height:50px;line-height:50px;padding-top:19px;display:inline-block;}
.index1 a:hover{color:red;}
#first a:hover{color:#7e725e;}
.left-font{text-align:center;line-height:17px;color:#7e725e;height:90px;font-size:13px;}
.left-right{float:left;width:643px;}
.right-top{height:28px;font-size:15px;text-align:right;border-bottom:1px solid #49413e;color:#7e725e;margin-bottom:10px;}
.right-top a{color:#7e725e;}
.right-top a:hover{border-bottom:1px solid #7e725e;}
.pic{padding-left:85px;padding-bottom:15px;}
.font3{color:#7e725e;font-size:20px;}
.last a:hover{color:red;}
</style>
</head>

<body>
<div class="content">
  <div class="center">
   <div class="top">
       <ul class="index clearfix">
        <li><a href="coffeindex.html">网站首页</a></li>
        <li><a href="关于我们.html">关于我们</a></li>
        <li><a href="最新动态.html">最新动态</a></li>
        <li><a href="门店展示.html">门市展示</a></li>
        <li><a href="精品展示.html">精品推荐</a></li>
        <li><a href="消费指南.html">消费指南</a></li>
        <li><a href="#">联系我们</a></li>
       </ul>
     </div>
     <div class="banner"><img src="img/banner.png" width="945" height="409" /></div>
      <div  class="total clearfix">
        <ul class="index1">
          <li id="first"><a href="#">栏目导航&nbsp;NAVIGATION</a></li>
          <li><a href="门店展示.html">门店展示</a></li>
          <li id="first"><a href="#">交通指南&nbsp;&nbsp;GUDE</a></li>
          <div class="left-font">咨询电话: 0571-98765432<br/>
                           宾馆预定: 0571-12345678<br/>
地址: 杭州市320国道收费站西60米</div>
     </ul>
    <div class="left-right">
       <div class="right-top">您现在的位置：<a href="coffeindex.html">咖啡厅网站</a> > <a href="#" >农庄图库</a>> <a href="门店展示.html" >门店展示</a></div>
       <div class="right">
         <div class="pic"><img src="img/展示3.jpg"/></div>
         <div class="font3">门店展示</div>
       </div>
     </div>
    </div>
    <ul class="last clearfix">
         <li><a href="关于我们.html">关于我们</a>
        <li><a href="本店特色.html">本店特色</a>
        <li><a href="联系我们.html">联系我们</a>
        <li><a href="联系我们--请您留言.html">留言反馈</a>
        <li><a href="友情链接.html">友情链接</a>
        <li id="last"><a href="#">版权所有 Copyright(c)2009-2012杭州咖啡厅网站</a></li>
     </ul>
 </div>
 <script src="jquery.min.js"></script>
<script>
var i=1;
var arr=["img/banner.png","img/banner2.png","img/banner3.png"];
var timer=null;
$().ready(function()
{
	clearInterval(timer);
	timer=setInterval(move,2000);
});
function move(){
	if(i==arr.length){
		i=0;
	}
	$(".banner img").attr("src",arr[i]);
	i++;
}
</script>
</body>
</html>
